<template>
	<view class="container">
		<uni-nav-bar class="navBar">
			<template v-slot:left>
				<view class="navBarLeft" @click="goIndex">
					<svg t="1671767677797" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="8384" width="20" height="20">
						<path
							d="M532.526499 904.817574L139.506311 511.797385 532.526499 118.777197c12.258185-12.258185 12.432147-32.892131-0.187265-45.51052-12.707416-12.707416-32.995485-12.703323-45.511543-0.187265L75.166957 484.739123c-7.120165 7.120165-10.163477 17.065677-8.990768 26.624381-1.500167 9.755178 1.5104 20.010753 8.990768 27.491121l411.660734 411.660734c12.258185 12.258185 32.892131 12.432147 45.511543-0.187265 12.707416-12.707416 12.7023-32.995485 0.187265-45.51052z"
							p-id="8385"></path>
					</svg>
				</view>
			</template>

			<input confirm-type="search" class="headerSearch" type="text" placeholder="输入搜索关键词" @confirm="confirm" />

			<template v-slot:right>
				<view class="navBarRight">
					搜索
				</view>
			</template>
		</uni-nav-bar>
		<uni-list>
			<uni-list-item v-for="item in searchList.splice(0,searchListNumber)" :border="false">
				<template v-slot:header>
					<view>
											<svg t="1671767391860" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="7418" width="20" height="20">
						<path
							d="M512 64c-256 0-460.8 208-460.8 460.8s208 460.8 460.8 460.8 460.8-208 460.8-460.8S768 64 512 64zM512 940.8c-227.2 0-412.8-185.6-412.8-412.8s185.6-412.8 412.8-412.8 412.8 185.6 412.8 412.8S742.4 940.8 512 940.8z"
							p-id="7419" fill="#bfbfbf"></path>
						<path
							d="M809.6 544l-278.4 0 0-281.6c0-12.8-9.6-22.4-22.4-22.4-12.8 0-22.4 9.6-22.4 22.4l0 307.2c0 12.8 9.6 22.4 22.4 22.4 0 0 3.2 0 3.2 0l297.6 0c12.8 0 22.4-9.6 22.4-22.4C832 553.6 822.4 544 809.6 544z"
							p-id="7420" fill="#bfbfbf"></path>
					</svg>
					</view>
                    <text style="width: 10px;"></text>
				</template>
				<template v-slot:body>
					<view style="font-size: 13px;">
						{{item.title}}
					</view>
				</template>
				<template v-slot:footer>
					<view class="slot-text slot-box" style="justify-content: end;">
						<svg t="1671766406096" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="6364" width="15" height="15">
							<path
								d="M103.34374999 866.46875001l354.65625001-354.65625001L103.34374999 157.0625c-14.90625001-14.90625001-14.90625001-39.09375001 2e-8-54 14.90625001-14.90625001 39.09375001-14.90625001 54 0L512 457.71874999 866.75 103.0625c14.90625001-14.90625001 39.09375001-14.90625001 54 0 14.90625001 14.90625001 14.90625001 39.09375001 0 54L566 511.71874999 920.75 866.46875001c14.90625001 14.90625001 14.90625001 39.09375001 0 53.99999998-7.50000001 7.40625001-17.25 11.15625001-27 11.15625001s-19.50000001-3.75-27-11.15625001L512.09375001 565.71875001 157.34374999 920.375c-7.50000001 7.40625001-17.25 11.15625001-26.99999998 11.15625001-9.75 0-19.50000001-3.75-27-11.15625001-14.90625001-14.90625001-14.90625001-39 0-53.90625001z"
								fill="#bfbfbf" p-id="6365"></path>
						</svg>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item :border="false">
				<template v-slot:body>
					<view @click="findMoreSearch" style="font-size: 13px;">
						点击查看更过历史记录
					</view>
				</template>
			</uni-list-item>
		</uni-list>

		<view class="guestList">
			<view style="color:red">阿根廷夺冠</view>
			<view style="color:red">梅西</view>
			<view>迪马利亚</view>
			<view>阿根廷夺冠</view>
			<view>梅西</view>
			<view>迪马利亚</view>
		</view>
		<scroll-view class="scrollView" scroll-x="true">
			<view>抖音热搜</view>
			<view>世界杯</view>
			<view>同城榜</view>
			<view>直播榜</view>
			<view>品牌榜</view>
			<view>音乐榜</view>
			<view>电影榜</view>
		</scroll-view>
		<uni-list class="ulList">
			<uni-list-item class="uniListItem" :border="false">
				<template v-slot:header>
					<view class="slot-box">
						<svg t="1671765000633" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="5115" width="20" height="20">
							<path
								d="M287.762 124.318v252.871c0 123.331 100.905 224.238 224.238 224.238 123.331 0 224.238-100.907 224.238-224.238V124.318H287.762z"
								fill="#D81919" p-id="5116"></path>
							<path
								d="M379.487 124.318v149.434c0 72.882 59.63 132.513 132.513 132.513 72.882 0 132.513-59.631 132.513-132.513V124.318H379.487z"
								fill="#FACC60" p-id="5117"></path>
							<path
								d="M644.513 124.318v149.434c0 72.882-59.631 132.514-132.513 132.514-72.884 0-132.514-59.631-132.514-132.514V124.318h265.027m19.201-19.201H360.285v168.635c0 83.656 68.059 151.714 151.715 151.714s151.714-68.059 151.714-151.714V105.117z"
								fill="#FFFFFF" p-id="5118"></path>
							<path
								d="M512 622.736m-339.055 0a339.055 339.055 0 1 0 678.11 0 339.055 339.055 0 1 0-678.11 0Z"
								fill="#F8B643" p-id="5119"></path>
							<path
								d="M512 622.736m-250.074 0a250.074 250.074 0 1 0 500.148 0 250.074 250.074 0 1 0-500.148 0Z"
								fill="#FFF89F" p-id="5120"></path>
							<path
								d="M512 372.662c138.112 0 250.074 111.962 250.074 250.074S650.112 872.81 512 872.81c-138.113 0-250.074-111.962-250.074-250.074S373.888 372.662 512 372.662m0-24.001c-151.126 0-274.075 122.95-274.075 274.075S360.874 896.811 512 896.811s274.075-122.95 274.075-274.076S663.126 348.661 512 348.661z"
								fill="#FFFFFF" p-id="5121"></path>
							<path
								d="M786.015 124.319h-548.03c-17.08 0-31.055-13.975-31.055-31.055s13.975-31.055 31.055-31.055h548.029c17.08 0 31.055 13.975 31.055 31.055 0.001 17.08-13.974 31.055-31.054 31.055z"
								fill="#231815" p-id="5122"></path>
							<path
								d="M556.594 800.727h-51.41V527.763l-68.956 39.578 0.408-51.41 82.827-48.147h37.131v332.943z"
								p-id="5123"></path>
						</svg>
					</view>
				</template>
				<template v-slot:body>
					<view class="slot-box slot-text">大马丁连续侮辱姆巴佩被投诉<text style="width: 10px;"></text><svg t="1671765580872" class="icon" viewBox="0 0 1024 1024"
							version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5319" width="15" height="15">
							<path
								d="M756.184615 346.584615l-74.830769 70.892308s0-283.569231-244.184615-378.092308c0 0-23.630769 259.938462-145.723077 354.461539s-370.215385 378.092308 122.092308 590.769231c0 0-244.184615-259.938462 74.830769-448.984616 0 0-23.630769 94.523077 98.461538 189.046154s0 259.938462 0 259.938462 586.830769-141.784615 169.353846-638.03077z"
								p-id="5320" fill="#e42712"></path>
						</svg></view>
				</template>
				<template v-slot:footer>
					<view class="footerText">
						1107万
					</view>

				</template>
			</uni-list-item>
			<uni-list-item class="uniListItem" :border="false">
				<template v-slot:header>
					<view class="slot-box">
						<svg t="1671778268795" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="9383" width="20" height="20">
							<path
								d="M287.762 124.318v252.871c0 123.331 100.905 224.238 224.238 224.238 123.331 0 224.238-100.907 224.238-224.238V124.318H287.762z"
								fill="#82A0AF" p-id="9384"></path>
							<path
								d="M379.487 124.318v149.434c0 72.882 59.63 132.513 132.513 132.513 72.882 0 132.513-59.631 132.513-132.513V124.318H379.487z"
								fill="#E0EAED" p-id="9385"></path>
							<path
								d="M644.513 124.318v149.434c0 72.882-59.631 132.514-132.513 132.514-72.884 0-132.514-59.631-132.514-132.514V124.318h265.027m19.201-19.201H360.285v168.635c0 83.656 68.059 151.714 151.715 151.714s151.714-68.059 151.714-151.714V105.117z"
								fill="#FFFFFF" p-id="9386"></path>
							<path
								d="M512 622.736m-339.055 0a339.055 339.055 0 1 0 678.11 0 339.055 339.055 0 1 0-678.11 0Z"
								fill="#9EC2F7" p-id="9387"></path>
							<path
								d="M512 622.736m-250.074 0a250.074 250.074 0 1 0 500.148 0 250.074 250.074 0 1 0-500.148 0Z"
								fill="#DDECF7" p-id="9388"></path>
							<path
								d="M512 372.662c138.112 0 250.074 111.962 250.074 250.074S650.112 872.81 512 872.81c-138.113 0-250.074-111.962-250.074-250.074S373.888 372.662 512 372.662m0-24.001c-151.126 0-274.075 122.95-274.075 274.075S360.874 896.811 512 896.811s274.075-122.95 274.075-274.076S663.126 348.661 512 348.661z"
								fill="#FFFFFF" p-id="9389"></path>
							<path
								d="M786.015 124.319h-548.03c-17.08 0-31.055-13.975-31.055-31.055s13.975-31.055 31.055-31.055h548.029c17.08 0 31.055 13.975 31.055 31.055 0.001 17.08-13.974 31.055-31.054 31.055z"
								fill="#231815" p-id="9390"></path>
							<path
								d="M623.478 748.689v42.438h-218.7v-34.684l128.12-130.562c13.599-13.599 23.256-25.839 28.97-36.723 5.71-10.875 8.569-22.576 8.569-35.092 0-17.949-5.241-32.233-15.708-42.836-10.477-10.613-24.685-15.915-42.639-15.915-16.594 0-30.465 4.285-41.617 12.849-11.157 8.569-19.177 20.748-24.071 36.517l-37.947-22.435c7.346-22.576 19.993-39.785 37.947-51.616 17.949-11.832 40.394-17.752 67.32-17.752 20.945 0 39.644 4.285 56.102 12.854 16.454 8.569 29.237 20.542 38.355 35.908 9.108 15.371 13.669 32.711 13.669 52.024 0 18.498-4.631 35.43-13.876 50.796-9.249 15.371-24.343 33.803-45.288 55.287l-86.09 88.944h146.884z"
								p-id="9391"></path>
						</svg>
					</view>
				</template>
				<template v-slot:body>
					<view class="slot-box slot-text">毛毛姐真的签了清洁阿姨<text style="width: 10px;"></text><svg t="1671765580872" class="icon" viewBox="0 0 1024 1024"
							version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5319" width="15" height="15">
							<path
								d="M756.184615 346.584615l-74.830769 70.892308s0-283.569231-244.184615-378.092308c0 0-23.630769 259.938462-145.723077 354.461539s-370.215385 378.092308 122.092308 590.769231c0 0-244.184615-259.938462 74.830769-448.984616 0 0-23.630769 94.523077 98.461538 189.046154s0 259.938462 0 259.938462 586.830769-141.784615 169.353846-638.03077z"
								p-id="5320" fill="#e42712"></path>
						</svg></view>
				</template>
				<template v-slot:footer>
					<view class="footerText">
						1107万
					</view>

				</template>
			</uni-list-item>
			<uni-list-item class="uniListItem" :border="false">
				<template v-slot:header>
					<view class="slot-box">
						<svg t="1671778347360" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="10150" width="20" height="20">
							<path
								d="M287.762 124.318v252.871c0 123.331 100.905 224.238 224.238 224.238 123.331 0 224.238-100.907 224.238-224.238V124.318H287.762z"
								fill="#BF4C19" p-id="10151"></path>
							<path
								d="M379.487 124.318v149.434c0 72.882 59.63 132.513 132.513 132.513 72.882 0 132.513-59.631 132.513-132.513V124.318H379.487z"
								fill="#DC8C57" p-id="10152"></path>
							<path
								d="M644.513 124.318v149.434c0 72.882-59.631 132.514-132.513 132.514-72.884 0-132.514-59.631-132.514-132.514V124.318h265.027m19.201-19.201H360.285v168.635c0 83.656 68.059 151.714 151.715 151.714s151.714-68.059 151.714-151.714V105.117z"
								fill="#FFFFFF" p-id="10153"></path>
							<path
								d="M512 622.736m-339.055 0a339.055 339.055 0 1 0 678.11 0 339.055 339.055 0 1 0-678.11 0Z"
								fill="#FCC181" p-id="10154"></path>
							<path
								d="M512 622.736m-250.074 0a250.074 250.074 0 1 0 500.148 0 250.074 250.074 0 1 0-500.148 0Z"
								fill="#FFE6BF" p-id="10155"></path>
							<path
								d="M512 372.662c138.112 0 250.074 111.962 250.074 250.074S650.112 872.81 512 872.81c-138.113 0-250.074-111.962-250.074-250.074S373.888 372.662 512 372.662m0-24.001c-151.126 0-274.075 122.95-274.075 274.075S360.874 896.811 512 896.811s274.075-122.95 274.075-274.076S663.126 348.661 512 348.661z"
								fill="#FFFFFF" p-id="10156"></path>
							<path
								d="M786.015 124.319h-548.03c-17.08 0-31.055-13.975-31.055-31.055s13.975-31.055 31.055-31.055h548.029c17.08 0 31.055 13.975 31.055 31.055 0.001 17.08-13.974 31.055-31.054 31.055z"
								fill="#231815" p-id="10157"></path>
							<path
								d="M627.439 699.539c0 20.677-4.692 39.105-14.077 55.287-9.385 16.187-22.51 28.764-39.372 37.741-16.871 8.977-36.18 13.468-57.94 13.468-25.843 0-48.082-5.916-66.711-17.752-18.634-11.832-31.351-28.079-38.148-48.757l37.947-22.44c5.161 14.687 13.463 26.11 24.887 34.272 11.424 8.161 25.431 12.24 42.025 12.24 18.493 0 33.386-5.916 44.678-17.748 11.283-11.832 16.932-27.264 16.932-46.31 0-19.585-5.649-34.947-16.932-46.104-11.293-11.152-26.725-16.73-46.31-16.73-19.857 0-34.68 6.394-44.472 19.177l-28.97-31.417 108.53-113.836H424.654v-42.846h187.691v34.684l-86.91 91.804c19.585 0.272 37.131 4.894 52.633 13.871 15.507 8.977 27.606 21.423 36.316 37.333 8.7 15.914 13.055 33.938 13.055 54.063z"
								p-id="10158"></path>
						</svg>
					</view>
				</template>
				<template v-slot:body>
					<view class="slot-box slot-text">这些新冠偏方不靠谱<text style="width: 10px;"></text><svg t="1671780021876" class="icon" viewBox="0 0 1108 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12437" width="15" height="15"><path d="M658.637824 701.315072c-0.695296 43.46368-4.499456 70.51776-1.4336 117.0944l68.544512-2.902016-2.214912-113.93024L658.637824 701.315072z" p-id="12438" fill="#e42712"></path><path d="M467.523584 488.595456 467.523584 424.66304c0 0-43.526144 10.310656-63.987712 15.430656l0-55.996416c22.514688 0.512 63.987712 0 63.987712 0l0-63.97952c-25.09312 2.054144-40.961024-0.512-63.987712 0L403.535872 192.135168l-63.987712 0c0 0 0 76.27776 0 127.982592-39.929856 0-25.096192 3.06176-63.99488 0l0 63.97952c30.72-4.088832 15.867904 0 63.99488 0l0 63.99488c-35.329024 7.170048-39.667712 14.767104-87.779328 21.924864 8.18176 19.964928 14.321664 42.753024 18.42176 68.345856 28.665856-11.779072 26.850304-15.540224 69.357568-26.2912l0 63.987712c0 32.28672-24.081408 36.145152-61.63968 32.704512 13.821952 18.941952 32.704512 33.005568 36.805632 60.136448 14.063616-2.50368 46.77632 3.929088 63.889408-1.999872 21.515264-7.45984 26.17856-27.225088 26.17856-27.225088l-1.246208-63.616 0-71.977984C404.032512 496.082944 467.523584 488.595456 467.523584 488.595456z" p-id="12439" fill="#e42712"></path><path d="M272.124928 825.64608 337.639424 829.078528 344.590336 702.6432 284.918784 701.32736Z" p-id="12440" fill="#e42712"></path><path d="M462.856192 704.432128c8.185856 36.855808-2.74944 77.648896-3.76832 126.290944l75.250688-3.07712c-5.300224-86.674432-5.850112-122.63936-5.850112-122.63936L462.856192 704.432128z" p-id="12441" fill="#e42712"></path><path d="M915.427328 0.173056 211.566592 0.173056C105.544704 0.173056 19.60448 86.11328 19.60448 192.135168l0 639.873024c0 106.021888 85.940224 191.962112 191.962112 191.962112l703.860736 0c106.021888 0 191.962112-85.940224 191.962112-191.962112L1107.38944 192.135168C1107.388416 86.11328 1021.449216 0.173056 915.427328 0.173056zM1043.124224 821.97504c0 75.644928-57.324544 136.973312-132.969472 136.973312L220.837888 958.948352c-75.644928 0-136.96512-61.32736-136.96512-136.973312L83.872768 201.152512c0-75.649024 61.320192-136.96512 136.96512-136.96512l689.316864 0c75.644928 0 132.969472 61.316096 132.969472 136.96512L1043.124224 821.97504z" p-id="12442" fill="#e42712"></path><path d="M826.744832 703.060992c0 0 1.92512 66.982912 20.875264 120.726528l84.8384 1.16736-45.35808-123.920384L826.744832 703.060992z" p-id="12443" fill="#e42712"></path><path d="M888.31488 526.83776c-9.724928 46.081024-18.945024 69.103616-27.64288 69.103616-6.147072 0-12.376064-8.564736-14.020608-30.32576-5.244928-68.939776 0.679936-107.169792 4.795392-245.497856-34.306048-3.397632-63.53408-1.128448-127.982592 0 11.138048-108.61568 0-127.982592 0-127.982592s-42.479616 4.612096-63.987712 0c2.046976 22.534144 1.022976 68.087808 0 127.982592-31.2832 0.850944-110.442496 0.67584-127.9744 0l0 63.97952c19.964928-3.577856 87.021568 3.58912 127.9744 0-3.074048 36.352-6.834176 54.7584-20.948992 74.462208-16.894976-12.790784-48.65024-30.252032-60.425216-38.441984l-36.859904 40.687616c14.844928 9.212928 34.812928 23.554048 59.897856 43.006976-27.139072 56.312832-71.93088 101.093376-134.375424 134.371328 23.54176 8.185856 44.783616 20.476928 63.73376 36.851712 37.641216-25.97888 84.245504-73.739264 119.846912-124.374016 20.468736 18.42176 32.177152 27.373568 49.076224 46.818304l46.838784-48.365568c-32.766976-26.619904-42.663936-41.355264-62.62784-56.200192 22.320128-35.477504 27.23328-53.67296 39.831552-108.818432l63.99488 0c0 0-25.724928 184.162304 16.008192 239.499264 23.284736 27.134976 45.68576 40.687616 67.185664 40.687616 30.712832 0 55.535616-33.516544 74.481664-100.581376C924.136448 561.135616 905.20576 548.865024 888.31488 526.83776z" p-id="12444" fill="#e42712"></path></svg></view>
				</template>
				<template v-slot:footer>
					<view class="footerText">
						1107万
					</view>

				</template>
			</uni-list-item>
			<uni-list-item class="uniListItem" :border="false" v-for="item in hotList">
				<template v-slot:header>
					<view class="decorateSort">
						{{item.index}}
					</view>
				</template>
				<template v-slot:body>
					<view class="slot-box slot-text"><text class="">{{item.title}}</text><text style="width: 10px;"></text>
					<svg v-if="item.isHot" t="1671780021876" class="icon" viewBox="0 0 1108 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12437" width="15" height="15"><path d="M658.637824 701.315072c-0.695296 43.46368-4.499456 70.51776-1.4336 117.0944l68.544512-2.902016-2.214912-113.93024L658.637824 701.315072z" p-id="12438" fill="#e42712"></path><path d="M467.523584 488.595456 467.523584 424.66304c0 0-43.526144 10.310656-63.987712 15.430656l0-55.996416c22.514688 0.512 63.987712 0 63.987712 0l0-63.97952c-25.09312 2.054144-40.961024-0.512-63.987712 0L403.535872 192.135168l-63.987712 0c0 0 0 76.27776 0 127.982592-39.929856 0-25.096192 3.06176-63.99488 0l0 63.97952c30.72-4.088832 15.867904 0 63.99488 0l0 63.99488c-35.329024 7.170048-39.667712 14.767104-87.779328 21.924864 8.18176 19.964928 14.321664 42.753024 18.42176 68.345856 28.665856-11.779072 26.850304-15.540224 69.357568-26.2912l0 63.987712c0 32.28672-24.081408 36.145152-61.63968 32.704512 13.821952 18.941952 32.704512 33.005568 36.805632 60.136448 14.063616-2.50368 46.77632 3.929088 63.889408-1.999872 21.515264-7.45984 26.17856-27.225088 26.17856-27.225088l-1.246208-63.616 0-71.977984C404.032512 496.082944 467.523584 488.595456 467.523584 488.595456z" p-id="12439" fill="#e42712"></path><path d="M272.124928 825.64608 337.639424 829.078528 344.590336 702.6432 284.918784 701.32736Z" p-id="12440" fill="#e42712"></path><path d="M462.856192 704.432128c8.185856 36.855808-2.74944 77.648896-3.76832 126.290944l75.250688-3.07712c-5.300224-86.674432-5.850112-122.63936-5.850112-122.63936L462.856192 704.432128z" p-id="12441" fill="#e42712"></path><path d="M915.427328 0.173056 211.566592 0.173056C105.544704 0.173056 19.60448 86.11328 19.60448 192.135168l0 639.873024c0 106.021888 85.940224 191.962112 191.962112 191.962112l703.860736 0c106.021888 0 191.962112-85.940224 191.962112-191.962112L1107.38944 192.135168C1107.388416 86.11328 1021.449216 0.173056 915.427328 0.173056zM1043.124224 821.97504c0 75.644928-57.324544 136.973312-132.969472 136.973312L220.837888 958.948352c-75.644928 0-136.96512-61.32736-136.96512-136.973312L83.872768 201.152512c0-75.649024 61.320192-136.96512 136.96512-136.96512l689.316864 0c75.644928 0 132.969472 61.316096 132.969472 136.96512L1043.124224 821.97504z" p-id="12442" fill="#e42712"></path><path d="M826.744832 703.060992c0 0 1.92512 66.982912 20.875264 120.726528l84.8384 1.16736-45.35808-123.920384L826.744832 703.060992z" p-id="12443" fill="#e42712"></path><path d="M888.31488 526.83776c-9.724928 46.081024-18.945024 69.103616-27.64288 69.103616-6.147072 0-12.376064-8.564736-14.020608-30.32576-5.244928-68.939776 0.679936-107.169792 4.795392-245.497856-34.306048-3.397632-63.53408-1.128448-127.982592 0 11.138048-108.61568 0-127.982592 0-127.982592s-42.479616 4.612096-63.987712 0c2.046976 22.534144 1.022976 68.087808 0 127.982592-31.2832 0.850944-110.442496 0.67584-127.9744 0l0 63.97952c19.964928-3.577856 87.021568 3.58912 127.9744 0-3.074048 36.352-6.834176 54.7584-20.948992 74.462208-16.894976-12.790784-48.65024-30.252032-60.425216-38.441984l-36.859904 40.687616c14.844928 9.212928 34.812928 23.554048 59.897856 43.006976-27.139072 56.312832-71.93088 101.093376-134.375424 134.371328 23.54176 8.185856 44.783616 20.476928 63.73376 36.851712 37.641216-25.97888 84.245504-73.739264 119.846912-124.374016 20.468736 18.42176 32.177152 27.373568 49.076224 46.818304l46.838784-48.365568c-32.766976-26.619904-42.663936-41.355264-62.62784-56.200192 22.320128-35.477504 27.23328-53.67296 39.831552-108.818432l63.99488 0c0 0-25.724928 184.162304 16.008192 239.499264 23.284736 27.134976 45.68576 40.687616 67.185664 40.687616 30.712832 0 55.535616-33.516544 74.481664-100.581376C924.136448 561.135616 905.20576 548.865024 888.31488 526.83776z" p-id="12444" fill="#e42712"></path></svg>
					<svg v-if="item.isNew" t="1671780354486" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13444" width="15" height="15"><path d="M890.88 63.488q28.672 0 52.736 10.752t41.984 29.184 28.16 43.52 10.24 53.76l0 620.544q0 28.672-10.24 53.76t-28.16 43.52-41.984 29.184-52.736 10.752l-689.152 0q-28.672 0-53.76-10.752t-43.52-29.184-29.184-43.52-10.752-53.76l0-620.544q0-28.672 10.752-53.76t29.184-43.52 43.52-29.184 53.76-10.752l689.152 0zM256 254.976q9.216 0 27.648 0.512t43.008 0.512l52.224 0 55.296 0q64.512 0 141.312-1.024l0-63.488-126.976 0 0-64.512-64.512 0 0 64.512-128 0 0 63.488zM377.856 360.448q-8.192-15.36-15.36-29.696-6.144-12.288-12.288-25.088t-9.216-20.992l-58.368 21.504 32.768 76.8zM254.976 756.736l101.376-143.36-66.56-26.624-98.304 145.408zM448.512 574.464l126.976 0 0-62.464-45.056 0-81.92 0 0-64.512q23.552 0 46.08 0.512t40.96 0.512l40.96 0 0-63.488-66.56 0q-19.456 0-40.96-1.024l68.608-65.536-68.608-32.768-20.48 98.304-257.024 0 0 63.488 35.84 0 47.104 0 53.248 0 56.32 0 0 64.512-128 0 0 62.464 40.96 0q18.432 0 40.96 0.512t46.08-0.512l0 129.024q0 16.384-2.048 27.136t-10.24 15.36-25.088 4.608-47.616-5.12q25.6 31.744 27.648 71.68 13.312-2.048 34.304-1.024t40.448-1.536 33.28-12.8 13.824-34.816l0-192.512zM568.32 685.056q-16.384-19.456-29.696-37.888-11.264-15.36-23.552-30.208t-18.432-23.04l-46.08 30.72 64.512 98.304zM896 379.904q-20.48-1.024-53.248-0.512t-63.488 1.536q-36.864 1.024-75.776 3.072l0-129.024q49.152 0 85.504-4.608t59.904-9.728q27.648-6.144 46.08-14.336-18.432-27.648-29.696-46.08-5.12-8.192-9.728-15.36t-7.68-11.264-3.584-4.608 1.536 4.608q-21.504 16.384-57.344 24.064t-69.632 10.752-57.344 3.072-21.504 0q1.024 16.384 1.536 44.032t0 77.824-1.024 129.024-0.512 196.608q0 13.312-3.072 33.28t-10.24 39.936-19.968 35.328-31.232 19.456q12.288 3.072 21.504 11.776t16.896 18.432 13.824 19.456 12.288 14.848q12.288-18.432 23.552-42.496t20.48-50.176 14.336-52.224 5.12-47.616l0-40.96 0-43.008 0-47.104 0-60.416 64.512 0 0 384 63.488 0 0-384q23.552 1.024 35.328 0.512t29.184 3.584l0-71.68z" p-id="13445" fill="#d4237a"></path></svg>
					</view>
				</template>
				<template v-slot:footer>
					<view class="footerText">
						{{item.number}}万
					</view>
			
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import {
		goHome
	} from '../../utils/nagivatorJump.js'
	let city = ref('ceshi')
	const confirm = () => {

	}
	const findMoreSearch = () => {
		searchListNumber.value = 5
	}
	const goIndex = () => {
		goHome()
	}
	let searchListNumber = ref(3)
	let cancel = ref(
		'<svg t="1671766406096" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6364" width="20" height="20"><path d="M103.34374999 866.46875001l354.65625001-354.65625001L103.34374999 157.0625c-14.90625001-14.90625001-14.90625001-39.09375001 2e-8-54 14.90625001-14.90625001 39.09375001-14.90625001 54 0L512 457.71874999 866.75 103.0625c14.90625001-14.90625001 39.09375001-14.90625001 54 0 14.90625001 14.90625001 14.90625001 39.09375001 0 54L566 511.71874999 920.75 866.46875001c14.90625001 14.90625001 14.90625001 39.09375001 0 53.99999998-7.50000001 7.40625001-17.25 11.15625001-27 11.15625001s-19.50000001-3.75-27-11.15625001L512.09375001 565.71875001 157.34374999 920.375c-7.50000001 7.40625001-17.25 11.15625001-26.99999998 11.15625001-9.75 0-19.50000001-3.75-27-11.15625001-14.90625001-14.90625001-14.90625001-39 0-53.90625001z" fill="#bfbfbf" p-id="6365"></path></svg>'
	)
const searchList = reactive([
  {
   index: 1,
   title: '钢铁是怎样炼成的'
  },
  {
   index: 2,
   title: '随便搜哈哈哈'
  },
  {
   index: 3,
   title: '搜一下哈哈哈哈'
  },
  {
   index: 4,
   title: '随便哈哈哈'
  },
  {
   index: 5,
   title: '为什么uniapp'
  },
  {
   index: 6,
   title: 'vue为什么'
  },
  {
   index: 7,
   title: 'java哈哈哈'
  },
  {
   index: 8,
   title: '还还可以'
  },
  {
   index: 9,
   title: '还行哈哈哈哈'
  },
  {
   index: 10,
   title: '哈哈哈哈8'
  },
  {
   index: 11,
   title: '为什么哈哈'
  },
  {
   index: 12,
   title: '哈哈哈太6了'
  }
 ])
	let hotList = reactive([{
			index: 4,
			title: 'FIFA介入撒盐哥入场',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:true,
			isNew:false
		},
		{
			index: 5,
			title: '张文宏：上海一周内达峰值巅峰',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 6,
			title: '大马丁：感谢梅西给我世界杯',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:true,
			isNew:false
		},
		{
			index: 7,
			title: '太原120天被呼6800次',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:true,
			isNew:false
		},
		{
			index: 8,
			title: '联赛杯曼城3比2利物浦晋级',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:true,
			isNew:false
		},
		{
			index: 9,
			title: '被抢药店老板已暂停免费发药',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 10,
			title: 'FIFA介入撒盐哥入场',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 11,
			title: '张文宏：上海一周内达峰值巅峰',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 12,
			title: '大马丁：感谢梅西给我世界杯',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 13,
			title: '太原120天被呼6800次',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 14,
			title: '联赛杯曼城3比2利物浦晋级',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
		{
			index: 15,
			title: '被抢药店老板已暂停免费发药',
			number: 800 + Math.floor(Math.random() * 200),
			isHot:false,
			isNew:true
		},
	])
</script>

<style scoped lang="scss">
	* {
		padding: 0px;
		border: 0px;
	}

	.container {
		width: 95%;
		margin: 0 auto;
	}

	.navBarLeft {
		display: flex;
		align-items: center;
	}

	.guestList {
		width: 100%;
		height: 150px;
		display: grid;
		justify-content: space-around;
		align-content: center;
		grid-template-columns: repeat(2, 40%);
		grid-template-rows: repeat(3, 30%);
		font-weight: 500;

		view {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}

	}

	.headerSearch {
		height: 30px;
		line-height: 30px;
		/* #ifdef APP-PLUS-NVUE */
		width: 500px;
		/* #endif */
		font-size: 12px;
		background-color: #f8f8f8;
	}

	.scrollView {
		width: 100%;
		height: 30px;
		white-space: nowrap;

		view {
			width: 100px;
			height: 100%;
			display: inline-block;
			margin-right: 10px;
			line-height: 100%;
			text-align: center;

		}
	}

	.uniListItem {
		display: flex;
		align-items: center;
	}

	.ulList {
		background: linear-gradient(to bottom right, white, pink);
	}

	.slot-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
	}


	.slot-text {
		flex: 1;
		font-size: 14px;
		padding-right: 10px;
	}

	.footerText {
		display: flex;
		font-size: 2px;
		align-items: flex-end;
		color: gray;
	}
	.decorateSort{
		color: darkgray;
		margin-right: 10px;
		padding-left: 3px;
		font-weight: 1000;
	}
</style>
